<template>
  <PageWrapper>
    {{ print }}
    <a-button
      test="1"
      test1="2"
      test3="2"
      test4="2"
      test5="2"
      test6="2"
      test8="2"
      test9="2"
      test10="2"
      testewte="4"
      test11="22"
      testewte1="1"
    >
      测试Button组件引用svgIco
    </a-button>
    <PageFooter>
      <a-button type="primary">确定</a-button>
    </PageFooter>
  </PageWrapper>
</template>
<script setup>
  import { ref } from 'vue';
  import { PageFooter, PageWrapper } from '@/components/Page';
  import { useMenuSetting } from '../../hooks/setting/useMenuSetting';

  const { setMenuSetting, getCollapsed, getMenuWidth, getIsMixSidebar } = useMenuSetting();
  const print = ref({
    setMenuSetting: setMenuSetting,
    getCollapsed: getCollapsed,
    getMenuWidth: getMenuWidth,
    getIsMixSidebar: getIsMixSidebar,
  });
</script>
<style>
  .were {
    color: red;
  }
</style>
